<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  
</head>
<body class="dpflex fdcolumn">
    <div class="flex1 content">
    <!-- <h1>你好js</h1> -->
      <!-- 这是轮播图区域 -->
      <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./img/course-img02.png" alt=""></div>
            <div class="swiper-slide"><img src="./img/course-img03.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./img/course-img04.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
        <!-- 这是下面的内容区域-->
        <div class="scale">
        <ul class="icons">
            <li class="rank dpflex">
              <div class="rank_left raduis"> 
                <h4 class="flex2 font common">今日排名</h4>
                <span class="flex3" id="rank_num">9</span>
            </div>
            <div class="rank_right raduis font ">
                 <h4 class="common">累计打卡<i id="rank_day">23</i>天</h4>
                <span class="font currentday" id="clock"></span></div>
            </li>

            <li class="dpflex">
                <div class="exercise raduis common2">
                    运动数据 
                </div>
                <div class="emblem raduis">
                    <h4 class="font common">累计运动徽章</h4>
                    <span class="num" id="emblem_num">3</span>
                    <p class="artical">枚</p>
                </div>
            </li>
           
          
            <li class="course raduis common2"  onclick="location.href='./exercise.html'">课程训练</li>
            <li class="outdoor raduis common2"> 户外运动</li>
        </ul>
    </div>
     </div>
    <footer id="footer">
        
    </footer>

  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script> 
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
  
</body>
</html>